header{
    height: 4.21rem;
    border-bottom: 0.02rem solid #17c172;
    background:url(../image/wodeyiguo-bgc.png)center/cover;
}
header #top{
    display: flex;
    height: .5rem;
    /* background-color: #fff; */
    margin-top: .38rem;
    position: relative;
} 
header #top #set{
    font-size: .42rem;
    color:#fff;
    position: absolute;
    right: 1.35rem;
}
header #top #message{
    font-size: .42rem;
    color:#fff;
    position: absolute;
    right: .4rem;
}
header #top #message #mess-num{
    width: .18rem;
    height: .18rem;
    border: 0.02rem solid #fff;
    border-radius: 50%;
    background-color: #ff6a0d;
    position: absolute;
    right: -0.05rem;
    top: 0;
}
header #myself{
    height: 1.90rem;
    /* background-color: rgb(255, 255, 255); */
    display: flex;
}
header #myself #icon{
    width: 1.46rem;
    height: 1.46rem;
    background-color: #fff;
    border:.08rem solid rgba(158, 250, 201, 0.8);
    border-radius: 50%;
    margin: .25rem 0 0 .25rem;
}
header #myself #inform{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top:0.29rem;
    margin-left:0.29rem;
    font-size: .31rem;
    color:#fff;
}
header #myself #inform #nickname{
    font-weight: 600;
}
header #myself #inform #card{
    width: 1.01rem;
    height: .4rem;
    border-radius: .2rem;
    /* background-color: #fff; */
}
header #myself #inform #card img{
    width: 100%;
    border-radius: .2rem;
    height: 100%;
}
header #myself #inform #vip{
    font-size: .22rem;
}
header #myself #inform #qiandao{
    width: 2.15rem;
    height: .72rem;
    background-color: rgba(255,255,255,.7);
    border:0.02rem solid #29bc80;
    border-right: none;
    border-radius: 0.1rem 0 0 0.1rem;
    font-size: .24rem;
    color:#069d67;
    justify-content: space-around;
    right: 0;
    position: absolute;
    display:flex;
    align-items: center; 
}
header #myself #inform #qiandao span:nth-of-type(1){
    font-size: 0.3rem;
    margin-left:0.1rem; 
}
header #myself #inform #qiandao span:nth-of-type(2){
    font-size: 0.2rem;
}
header #newpay{
    display: flex;
    color: #fff;
    margin-top:0.8rem;
    padding:0 .35rem .25rem .27rem; 
    display: flex;
    align-items: center;
}
header #newpay #laba{
    font-size: .4rem;
}
header #newpay p{
    font-size: .25rem;
    flex: 1;
    margin-left: .24rem;
}
/* main */
main{
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    padding: 0;
}
main #cont1{
    width: 100%;
    height: .87rem;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    padding: .05rem 0 .1rem 0;
}
main #cont1 .c1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
main #cont1 #yue span{
    font-size: .26rem;
    color:#1aa457;
}
main #cont1 #yue p{
    font-size: .25rem;
    color:#908e8c;
}
main #cont1 #youbi span{
    font-size: .26rem;
    color:#1aa457;
}
main #cont1 #youbi p{
    font-size: .25rem;
    color:#908e8c;
}
main #cont2{
    width: 100%;
    height: 1.3rem;
    margin: .2rem 0;
    background-color: #fff;
}
main #cont2 ul{
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 .25rem ;
}
main #cont2 ul li{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
main #cont2 ul li img{
    width: .47rem;
    width: .38rem;
    margin-top:.27rem; 
}
main #cont2 ul li p{
    text-align: center;
    color:#646464;
    font-size: .23rem;
    margin-bottom:.32rem; 
}
main #cont2 ul li:nth-of-type(3) p{
    color:#75d2b2;
}
main #cont3{
    flex: 1;
    background-color: #fff;
}
main #cont3 ul{
    height: 1.6rem;
    display: flex;
}
main #cont3 ul:nth-of-type(2){
    border-top: 0.02rem solid #eee;
    border-bottom: 0.02rem solid #eee;
}
main #cont3 ul li{
    flex: 1;
}
main #cont3 ul li img{
    width: .73rem;
    height: .73rem;
    margin: .28rem auto 0.1rem;
}
main #cont3 ul li p{
    text-align: center;
    color:#3c3c3c;
}






footer a:nth-of-type(2) span{
    color:#999999;
}
footer a:last-of-type span{
    color:#1ec17d;
}